‘工欲善其事,必先利其器’。优秀的开发者不仅体现在其在技术方面的精通,还体现在其对各种开发工具的充分了解与使用,这会让其开发效率事半功倍。作为一个前端开发者,平时主要是跟浏览器打交道,Chrome浏览器不仅性能优异,而且包含大量的扩展程序,能够让我们根据自身需求扩展浏览器功能,因而受到广大开发者的青睐。今天就来跟大家分享一下工作中用到的几款Chrome插件。
开发篇
三大框架调试工具
AngularJS Batarang / React Developer Tools / Vue.js devtools 分别为前端框架angular、react、vue的调试工具,前端开发者基本都会安装其中的至少一款。
JSON Viewer
JSONView 是一个方便查看 Json 结构的插件,展开,折叠,可以非常方便的查看接口返回数据。
Postman
Postman 是一款功能强大的网页调试与发送网页HTTP请求的Chrome插件。
Octotree
github上查看代码的时候总是一层层进入再出来,有点麻烦,没关系,有Octotree。安装Octotree之后,浏览托管在Github上的项目,可看到左侧的树形结构,更方便查看代码。
Vimium
Vimium 这个名字其实是 Vim 和 Chromium 的合体。可能很多童鞋已经猜到她是干嘛的了,她继承了Vim的常用操作,完全脱离鼠标来控制浏览器,是一款黑客级别的Chrome插件。对熟悉linux的同学来说,简直是神器。
Tampermonkey
俗称‘油猴子’,是一款功能非常强大的插件,他包含:方便的脚本管理、脚本概览、设置多样性、脚本自动更新、安全、兼容性、Chrome 同步、CodeMirror 编辑器、JSHint 语法检查、快速开发、卸载等功能。 其官方描述只一句 The world’s most popular userscript manager。足见其优秀。
WEB前端助手
FE助手:包括字符串编解码、图片base64编码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成器、编码规范检测、页面性能检测、栅格检测、JS运行效率分析等。
通用篇
OneTab
很多时候我们在一个窗口打开太多的tab,每一个tab太小不容易管理,这时候使用OneTab能够把所有tab收起放在一个页面,点击就可打开该tab,非常方便。
广告终结者
清除网页上的所有广告:浮动广告,购物广告,恶意弹窗,跟踪代码,视频广告。使用它,整个世界都清净了。
Momentum
一款清新的新标签页插件,具有待办、天气、搜索功能,最最重要的是,插件的大背景,非常具有创意和艺术气息。
眼不见心不烦
如果你是微博控的话,建议你安装这个插件。可以隐藏各种会员推广,广告等内容,还我们一个安静的微博环境。
stylish
为任意网站自定义风格,适合个性鲜明的你。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。